<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新增列表标签</title>
</head>
<body>
    <!-- 搜索框的关键字提示 -->
     <input type="text" list="mydata">
     <datalist id="mydata">
        <!-- 实际的开发中 大部分都是调用js之后 获取对应的信息 -->
        <option value="周杰伦">周杰伦</option>
        <option value="周杰伦">周杰伦</option>
        <option value="周杰伦">周杰伦</option>
        <option value="周杰伦">周杰伦</option>
     </datalist>


     <hr>
     <!-- 用于展示问题 或者是给专有名词进行提示 -->
     <details>
        <summary>
        如何走上人生巅峰，迎娶白富美？
        </summary>
        <article>
            <section>
                <h2>方法一：</h2>
                <span>做梦</span>
            </section>
        </article>
     </details>
</body>
</html>